<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>链接</title>
        <style type="text/css">
            .wrapper{
                width: 80%;
                height: 500px;
                margin: 50px auto;
                background-color: salmon;
            }
            .wrapper marquee{
                height: 500px;
                color: white;
                text-align: center;
                margin: auto;
            }
            .link{
                display: block;
                text-decoration: none;
                font-size: 40px;
                color: white;
                width: 200px;
                height: 50px;
                border: 3px solid #a4ff5d;
                margin: auto;
                background-color: #00F7DE;
            }
            .link:hover{
                background-color:blue ;
            }
        </style>
    </head>
    <body>
        <div class="wrapper">
            <marquee behavior="scroll" direction="up">
                <a href="http://www.baidu.com" class="link">百度一下</a>
                <a href="http://www.baidu.com" class="link">百度一下</a>
                <a href="http://www.baidu.com" class="link">百度一下</a>
                <a href="http://www.baidu.com" class="link">百度一下</a>
            </marquee>
        </div>

    </body>
</html>